/* src/assets/css/global.css */

:root {
  /* 颜色变量 */
  --color-primary: #409EFF;
  --color-secondary: #e9ecef;
  --color-bg-start: #f8f9fa;
  --color-bg-end: #e9ecef;
  --color-text-main: #2c3e50;
  --color-text-light: #7f8c8d;
  --color-border: #e4e7ed;
  --color-success: #67c23a;
  --color-warning: #eb9e05;
  --color-danger: #ff4949;

  /* 字体 */
  --font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-size-base: 14px;
  --font-size-title: 24px;
  --font-size-subtitle: 18px;

  /* 边距和圆角 */
  --border-radius: 8px;
  --box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  color: var(--color-text-main);
  background-color: var(--color-bg-start);
}

a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}